// 主题色系
@PRIMARY: #7a33fe;
@PRIMARY_LIGHT: #9254de;
@PRIMARY_DARK: #531dab;
@PRIMARY_BG: #f9f0ff;
@PRIMARY_BORDER: #d3adf7;

// 错误色系
@ERROR: #ff4d4f;
@ERROR_LIGHT: #ff7875;
@ERROR_DARK: #cf1322;
@ERROR_BG: #fff2f0;
@ERROR_BORDER: #ffccc7;

// 成功色系
@SUCCESS: #52c41a;
@SUCCESS_LIGHT: #73d13d;
@SUCCESS_DARK: #389e0d;
@SUCCESS_BG: #f6ffed;
@SUCCESS_BORDER: #b7eb8f;

// 警告色系
@WARNING: #faad14;
@WARNING_LIGHT: #ffc53d;
@WARNING_DARK: #d48806;
@WARNING_BG: #fffbe6;
@WARNING_BORDER: #ffe58f;

// 信息色系
@INFO: #1890ff;
@INFO_LIGHT: #40a9ff;
@INFO_DARK: #096dd9;
@INFO_BG: #e6f7ff;
@INFO_BORDER: #91d5ff;

// 文本色系
@TEXT_PRIMARY: #000000d9;
@TEXT_SECONDARY: #00000073;
@TEXT_DISABLED: #00000040;
@TEXT_INVERSE: #ffffff;

// 边框色系
@BORDER_COLOR: #d9d9d9;
@BORDER_COLOR_LIGHT: #f0f0f0;
@BORDER_COLOR_DARK: #434343;

// 阴影色系
@SHADOW_1: rgba(0, 0, 0, 0.02);
@SHADOW_2: rgba(0, 0, 0, 0.03);
@SHADOW_3: rgba(0, 0, 0, 0.05);
@SHADOW_4: rgba(0, 0, 0, 0.07);
@SHADOW_5: rgba(0, 0, 0, 0.09);

// 代码高亮色系
@CODE_BG: #fafafa;
@CODE_BORDER: #e8e8e8;
@CODE_TEXT: #262626;
@CODE_COMMENT: #8c8c8c;
@CODE_KEYWORD: #1890ff;
@CODE_STRING: #52c41a;
@CODE_NUMBER: #fa8c16;
@CODE_FUNCTION: #722ed1;
@CODE_VARIABLE: #13c2c2;

// Mermaid 图表色系
@MERMAID_PRIMARY: #7a33fe;
@MERMAID_SECONDARY: #f0f0f9;
@MERMAID_TEXT: #333333;
@MERMAID_BORDER: #7a33fe;
@MERMAID_BG: #ffffff;
@MERMAID_NODE_BG: #f9f9f9;
@MERMAID_ARROW: #333333;

// 加载动画色系
@LOADING_PRIMARY: #7a33fe;
@LOADING_SECONDARY: #f0f0f9;

// 表格色系
@TABLE_HEADER_BG: #fafafa;
@TABLE_BORDER: rgba(0, 0, 0, 0.06);
@TABLE_ROW_HOVER: #f5f5f5;
@TABLE_STRIPE: #fafafa;
@TABLE_SELECTED: #e6f7ff;

// 聊天界面色系
@CHAT_USER_BG: #e6f7ff;
@CHAT_ASSISTANT_BG: #f6ffed;
@CHAT_SYSTEM_BG: #fff2f0;
@CHAT_THINK_BG: #edf0fc;
@CHAT_THINK_BORDER: #dfe1e3;

// 按钮色系
@BUTTON_DEFAULT_BG: #ffffff;
@BUTTON_DEFAULT_BORDER: #d9d9d9;
@BUTTON_DEFAULT_COLOR: rgba(0, 0, 0, 0.88);
@BUTTON_PRIMARY_BG: @PRIMARY;
@BUTTON_PRIMARY_COLOR: #ffffff;

// 输入框色系
@INPUT_BG: #ffffff;
@INPUT_BORDER: #d9d9d9;
@INPUT_BORDER_HOVER: #4096ff;
@INPUT_BORDER_FOCUS: #4096ff;
@INPUT_PLACEHOLDER: rgba(0, 0, 0, 0.25);

// 卡片色系
@CARD_BG: #ffffff;
@CARD_BORDER: #f0f0f0;
@CARD_SHADOW: rgba(0, 0, 0, 0.02);

// 分割线色系
@DIVIDER_COLOR: rgba(5, 5, 5, 0.06);
@DIVIDER_COLOR_REVERSE: rgba(255, 255, 255, 0.12);

// 遮罩色系
@MASK_BG: rgba(0, 0, 0, 0.45);
@MODAL_MASK: rgba(0, 0, 0, 0.45);

// 状态指示色系
@STATUS_ONLINE: #52c41a;
@STATUS_OFFLINE: #d9d9d9;
@STATUS_BUSY: #faad14;
@STATUS_AWAY: #ff4d4f;

// 代码块主题色系
@CODE_THEME_LIGHT: {
  bg: #fafafa;
  text: #262626;
  border: #e8e8e8;
  header: #f5f5f5;
  line-number: rgba(0, 0, 0, 25%);
  keyword: #1890ff;
  string: #52c41a;
  number: #fa8c16;
  comment: #8c8c8c;
  function: #722ed1;
  variable: #13c2c2;
};

// 图表主题色系
@CHART_COLORS: #1890ff, #52c41a, #faad14, #ff4d4f, #722ed1, #13c2c2, #fa541c,
  #eb2f96, #f5222d, #a0d911;

// 渐变色系
@GRADIENT_PRIMARY: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@GRADIENT_SUCCESS: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@GRADIENT_WARNING: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
@GRADIENT_ERROR: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);

// 响应式断点
@SCREEN_XS: 480px;
@SCREEN_SM: 576px;
@SCREEN_MD: 768px;
@SCREEN_LG: 992px;
@SCREEN_XL: 1200px;
@SCREEN_XXL: 1600px;

// Z-index 层级
@Z_INDEX_BASE: 0;
@Z_INDEX_DROPDOWN: 1050;
@Z_INDEX_STICKY: 1020;
@Z_INDEX_FIXED: 1030;
@Z_INDEX_MODAL_BACKDROP: 1040;
@Z_INDEX_MODAL: 1050;
@Z_INDEX_POPOVER: 1060;
@Z_INDEX_TOOLTIP: 1070;
@Z_INDEX_NOTIFICATION: 1080;

// 动画时长
@ANIMATION_DURATION_SLOW: 0.3s;
@ANIMATION_DURATION_BASE: 0.2s;
@ANIMATION_DURATION_FAST: 0.1s;

// 圆角
@BORDER_RADIUS_BASE: 6px;
@BORDER_RADIUS_SM: 4px;
@BORDER_RADIUS_LG: 8px;
@BORDER_RADIUS_XL: 12px;

// 字体大小
@FONT_SIZE_SM: 12px;
@FONT_SIZE_BASE: 14px;
@FONT_SIZE_LG: 16px;
@FONT_SIZE_XL: 18px;
@FONT_SIZE_XXL: 20px;

// 行高
@LINE_HEIGHT_BASE: 1.5715;
@LINE_HEIGHT_SM: 1.66;
@LINE_HEIGHT_LG: 1.5;

// 间距
@SPACE_XS: 4px;
@SPACE_SM: 8px;
@SPACE_BASE: 12px;
@SPACE_LG: 16px;
@SPACE_XL: 20px;
@SPACE_XXL: 24px;

@BORDER_COLOR_BASE: #d9d9d9;

@TEXT_COLOR_SECONDARY: #000073;
@TEXT_COLOR: #000000;
